<template>
    <view>
        <zw-navbar transparentFixedFontColor="#FFF" type="transparentFixed"  title="景区导览"></zw-navbar>
        <wlp-swiper-banner :data="itemModel" :height="25875/375"></wlp-swiper-banner>
        <view class="tourListView">
            <uni-list class="list">
                <publicListItem class="listItem"></publicListItem>
                <publicListItem class="listItem"></publicListItem>
                <publicListItem class="listItem"></publicListItem>
                <publicListItem class="listItem"></publicListItem>
                <publicListItem class="listItem"></publicListItem>
                <publicListItem class="listItem"></publicListItem>
                <publicListItem class="listItem"></publicListItem>
                <publicListItem class="listItem"></publicListItem>
                <publicListItem class="listItem"></publicListItem>
            </uni-list>
        </view>

    </view>
</template>

<script>
    import wlpSwiperBanner from '@/components/wlp-swiper-banner/wlp-swiper-banner.vue'
    import publicListItem from '../../customComponent/publicListItem.vue';
    import uniList from '@/components/uni-list/uni-list.vue'

    export default {
        name: "scenicTour",
        components: {
            wlpSwiperBanner,
            // navbar,
            publicListItem,
            uniList
        },
        data() {
            return {
                scrollData: {},

                itemModel:["/static/logo.png","/static/logo.png","/static/logo.png","/static/logo.png"],
                config:{
                    mode:"fixed",
                    transparent:true, //是否背景透明 默认白色
                    linearTitle:true,
                    title:'景区导览'
                },
            }
        },

        methods: {
            onPageScroll(e){
                this.scrollData = e;
            },
        },
    }
</script>

<style scoped>
.tourListView{
    position: absolute;
    top: 233px;
    left: 0px;
    right: 0px;

}
.list{
    border-radius: 8px;
    padding: 19px 23px;
    width: 329px;
}

.listItem{
    margin-bottom: 8px;
    border-radius: 4px;
    box-shadow:2px 4px 0px 0px rgba(0, 0, 0, 0.03);
}

</style>
